@layout("/common/_form.html",{js:["/assets/color.js","/assets/tpls/tpls_add.js"],css:["/assets/expand/module/formSelects/formSelects-v4.css"],plugins:["ue"]}){
<style>
.add {
	font-size: 30px; color: #e9e9e9;
}
.picpre {
	width:100%;
}
.close {
	font-size: 30px; color: #ff2b2b;position:absolute;top:4px;right:0;z-index:99;
}
</style>
<form class="layui-form" id="tplsForm" lay-filter="tplsForm">
    <div class="layui-fluid" style="padding-bottom: 75px;">
        <div class="layui-card">
            <div class="layui-card-header">基本信息</div>
            <div class="layui-card-body">
                <div class="layui-form-item layui-row">
                    <input name="id" type="hidden"/>

                    <div class="layui-inline layui-col-md6">
                        <label class="layui-form-label">所属服务<span style="color: red;">*</span></label>
                        <div class="layui-input-block">
                            <select name="fwid" lay-filter="fwid">
                            	@for(item in fuwu){
                            		<option value="${item.id}">${item.serName}</option>
                            	@}
                            </select>
                        </div>
                    </div>
                    <div class="layui-inline layui-col-md6">
                        <label class="layui-form-label">所属分类<span style="color: red;">*</span></label>
                        <div class="layui-input-block">
                            <select name="flid" lay-filter="flid">
                                @for(item in lb){
                            		<option value="${item.id}">${item.name}</option>
                            	@}
                            </select>
                        </div>
                    </div>
                    <div class="layui-inline layui-col-md6">
                        <label class="layui-form-label">模板名称<span style="color: red;">*</span></label>
                        <div class="layui-input-block">
                            <input id="name" name="name" placeholder="请输入模板名称" type="text" class="layui-input" lay-verify="required" required/>
                        </div>
                    </div>
                    <div class="layui-inline layui-col-md6">
                        <label class="layui-form-label">描述<span style="color: red;">*</span></label>
                        <div class="layui-input-block">
                            <input id="ms" name="ms" placeholder="请输入描述" type="text" class="layui-input" lay-verify="required" required/>
                        </div>
                    </div>
                    <div class="layui-inline layui-col-md6">
                        <label class="layui-form-label">价格<span style="color: red;">*</span></label>
                        <div class="layui-input-block">
                            <input id="jiage" name="jiage" placeholder="请输入价格" type="text" class="layui-input" lay-verify="required" required/>
                        </div>
                    </div>
                    <div class="layui-inline layui-col-md6">
                        <label class="layui-form-label">适用<span style="color: red;">*</span></label>
                        <div class="layui-input-block">
                            <input id="sy" name="sy" placeholder="请输入适用" type="text" class="layui-input" lay-verify="required" required/>
                        </div>
                    </div>
                    <div class="layui-inline layui-col-md6">
                        <label class="layui-form-label">标签<span style="color: red;">*</span></label>
                        <div class="layui-input-block">
                            <input id="tags" name="tags" placeholder="请输入标签" type="text" class="layui-input" lay-verify="required" required/>
                        </div>
                    </div>
                    <div class="layui-inline layui-col-md6">
                        <label class="layui-form-label">作者<span style="color: red;">*</span></label>
                        <div class="layui-input-block">
                            <input id="zuozhe" name="zuozhe" placeholder="请输入作者" type="text" class="layui-input" lay-verify="required" required/>
                        </div>
                    </div>
                    <div class="layui-inline layui-col-md12">
                        <label class="layui-form-label">模板图<span style="color: red;">*</span></label>
                        <input type="hidden" value="" name="mainPic" id="mainPic" />
                        <input type="hidden" value="" name="backColor" id="backColor" />
                        <div class="layui-input-block">
                            <div id="mainPicBtn" style="width:120px;height:120px;border-radius:10px;border:1px #e9e9e9 solid;overflow: hidden;position: relative;display:flex;flex-direction: column;justify-content: center;align-items: center;cursor: pointer;">
                            	<i id="mainPicadd" class="layui-icon layui-icon-addition add" style=""></i>
                            	<img id="mainPicimg" class="picpre" src="" alt="" style="display:none;">
                            </div>
                        </div>
                    </div>
                    <div class="layui-inline layui-col-md12">
                        <label class="layui-form-label">代码文件<span style="color: red;">*</span></label>
                        <input type="hidden" value="" name="pics" id="pics" />
                        <input type="hidden" value="" name="sizeStr" id="sizeStr" />
                        <div class="layui-input-block">
                            <div id="picsBtn" style="width:120px;height:120px;border-radius:10px;border:1px #e9e9e9 solid;overflow: hidden;position: relative;display:flex;flex-direction: column;justify-content: center;align-items: center;cursor: pointer;">
                            	<i id="picsadd" class="layui-icon layui-icon-addition add" style=""></i>
                            	<svg id="picsimg" style="display:none;" t="1691554426165" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5815" width="100" height="100"><path d="M0 0m46.545455 0l930.90909 0q46.545455 0 46.545455 46.545455l0 930.90909q0 46.545455-46.545455 46.545455l-930.90909 0q-46.545455 0-46.545455-46.545455l0-930.90909q0-46.545455 46.545455-46.545455Z" fill="#F75C65" p-id="5816"></path><path d="M46.545455 0h930.90909a46.545455 46.545455 0 0 1 46.545455 46.545455v279.272727H0V46.545455a46.545455 46.545455 0 0 1 46.545455-46.545455z" fill="#4CC8FD" p-id="5817"></path><path d="M0 698.181818h1024v279.272727a46.545455 46.545455 0 0 1-46.545455 46.545455H46.545455a46.545455 46.545455 0 0 1-46.545455-46.545455V698.181818z" fill="#83CC39" p-id="5818"></path><path d="M372.363636 0h279.272728v1024H372.363636z" fill="#FEAB41" p-id="5819"></path><path d="M663.272727 628.363636h-302.545454a34.909091 34.909091 0 0 1-34.909091-34.909091v-162.90909a34.909091 34.909091 0 0 1 34.909091-34.909091h302.545454a34.909091 34.909091 0 0 1 34.909091 34.909091v162.90909a34.909091 34.909091 0 0 1-34.909091 34.909091zM372.363636 581.818182h279.272728v-139.636364H372.363636z" fill="#FFFFFF" p-id="5820"></path></svg>
                            </div>
                        </div>
                    </div>
                    <div class="layui-inline layui-col-md12">
                        <label class="layui-form-label">模板详情<span style="color: red;">*</span></label>
                        <div class="layui-input-block">
                        	<script id="detail" name="detail" type="text/plain"></script>
                        </div>
                    </div>
                    
                    
                </div>
            </div>
        </div>
    </div>
    <div class="form-group-bottom text-center">
        <button class="layui-btn" lay-filter="btnSubmit" lay-submit>&emsp;提交&emsp;</button>
        <button type="reset" class="layui-btn layui-btn-primary" ew-event="closeDialog">&emsp;取消&emsp;</button>
    </div>

</form>

@}